<template>
  <div class="layout">
    <div class="menu">模拟左侧菜单</div>
    <div class="content">
      <WujieVue
        width="100%"
        height="100%"
        name="测试"
        url="http://localhost:8001"
        :alive="true"
      ></WujieVue>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { computed } from "vue";
const plugins = computed(() => {
  return [
    {
      patchElementHook(element, iframeWindow) {
        if (element.nodeName === "STYLE") {
          element.insertAdjacentElement = function (_position, ele) {
            iframeWindow.document.head.appendChild(ele);
          };
        }
      },
    },
    { jsBeforeLoaders: [{ content: "window.Layui = window.parent.Layui" }] },
  ];
});
</script>
<style scoped lang="less">
.layout {
  display: flex;
  flex-direction: row;
  .menu {
    font-size: 22px;
    display: flex;
    width: 320px;
    height: 100vh;
    background: #098;
  }
}
</style>
